<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .box{
        width: 390px;
        height: 967px;
        border: 1px solid black;

    }
    .service{
        text-align: center;
    }
    .serviceu img{
        width: 30px;
        height: 30px;
    }
    ul li{
        width: 100%;
        height: 90px;       
       list-style: none;
    }
   .Service-announcement img{
    width: 30px;
    height: 30px;
    list-style: none;
}
</style>
<body>
    <div class="box">
        <p class="service"><b>我的消息</b></p><hr>
        <ul>
            <li class="serviceu"><img src="./客服.png" alt=""><a href="">我的客服</a><p>点击进入智能客服</p></li><hr>
            <li class="Service-announcement"><img src="./服务公告.png" alt=""><a href="">服务公告</a><p>关于2024年劳动节假期个人积金、柜台债...</p></li><hr>
        </ul>
    </div>
</body>
</html>